<template>
    <div id="container">
        <el-container>
            <el-header id="header">
                <el-menu mode="horizontal" router>
                    <div id="logo">
                        <el-menu-item index="0">
                            <img style="width: 50px" src="@/assets/logo.png" alt="Element logo" />
                        </el-menu-item>
                    </div>
                    <el-menu-item index="/" id="header-home">
                        <el-icon><span class="iconfont">&#xe63a;</span></el-icon>
                        <span>首页</span>
                    </el-menu-item>

                    <el-sub-menu index="1">
                        <template #title>查询管理</template>

                        <el-menu-item index="/Student">
                            <el-icon><span class="iconfont">&#xe600;</span></el-icon>
                            <span>学生信息管理</span>
                        </el-menu-item>

                        <el-menu-item index="/Course">
                            <el-icon><span class="iconfont">&#xe600;</span></el-icon>
                            <span>学生课程管理</span>
                        </el-menu-item>

                        <el-menu-item index="/Sc">
                            <el-icon><span class="iconfont">&#xe600;</span></el-icon>
                            <span>学生成绩管理</span>
                        </el-menu-item>

                        <el-menu-item index="/StudentScCourse">
                            <el-icon><span class="iconfont">&#xe600;</span></el-icon>
                            <span>学生成绩信息</span>
                        </el-menu-item>

                    </el-sub-menu>
                </el-menu>
            </el-header>
            <el-main id="el-main">
                <router-view></router-view>
            </el-main>
        </el-container>
    </div>
</template>

<script setup name="SysMenu">
</script>

<style>
body{
    height: 100%;
}
#container {
    min-width: 600px;
}

#header {
    background-color: aquamarine;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    border-bottom: solid 1px #dcdfe6;
}

#logo {
    margin-left: 30px;
}

#header-home {
    margin-left: 50%;
}

#el-main {
    height: 100%;
}
</style>
